// theme color
$primary-color: #7c5dc7;

// font-color
$font-color: #333;
$font-color-light: #666;
$font-color-lighter: #999;
// $font-color-dark: #333;
$font-color-darker: #000;

// font-size
$font-size-xl: 18px;
$font-size-lg: 16px;
$font-size: 14px;
$font-size-sm: 12px;

// line-height
$line-height-lg: 1.8;
$line-height: 1.5;
$line-height-sm: 1.2;

// background color
$bg-color: #fafafa;
$bg-data: #f4f4f4;

// z-index
$z-index-lg: 13;
$z-index: 12;
$z-index-sm: 11;

// border-radius
$border-radius: 16px;

// container width
$container-width: 100%;

//grid
$screen-xxl: 1600px;
$screen-xl: 1080px;
$screen-lg: 992px;
$screen-md: 768px;
$screen-sm: 576px;
$screen-xs: 480px;

// border color
$border-color: #f0f0f0;

// dialog color
$dialog-error: #f74c31;
$dialog-warning: #f89d4a;
$dialog-success: #63c8a4;
